<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Serpentine GPS - {% block page_title %} visualiser, éditer et partager des traces GPS{% endblock %} </title>
    {% block style %}
        <link href="/static/css/style.css" rel="stylesheet" type="text/css" />
    {% endblock style %}
    {% block js %}
        <script type="text/javascript" src="/static/js/jquery-2.1.3.min.js"></script>
        <script type="text/javascript" src="/static/js/spt/serpentine.js"></script>
    {% endblock js %}
</head>
<body>
<div id="header" class="">
    <a href="/" id="title"  title="Retourner à l'accueil du site">
        <!--img alt="en attendant le serpent de Fabienne !" src="/static/img/serpentine.jpg"/-->
        Serpentine-GPS
    </a>

    <div id="subtitle" >
        {% block title %}
            Visualisez et partagez vos parcours GPS
        {% endblock %}
    </div>

    <div id="under_header">
        {% block menu %}
            <div id="main_menu">
                <ul>
                    <li>
                        <a href="/">Accueil</a>
                    </li>
                    <li title="Charger un fichier GPX">
                        <a href="/upload">Charger un fichier</a>
                    </li>
                    {% comment %}        <li>
                <form class = "button" action="/upload/" method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    {{ upload_form.fichier }}
                  <input class= "button" type="submit" value="Envoyer"/>
                </form>
            </li>{% endcomment %}
                </ul>
            </div>
        {% endblock menu %}
        <div id="quick_search" title="Recherche rapide d'un lieu ou d'un parcours">
            <form class= "inline" method="get"  action="/recherche">
                <div class="search_input inline">
                    {{ quick_search_form.recherche }}
                    <!--<input type="submit" name="searchsubmit" value="GO" />-->
                </div>
            </form>
        </div>
        <div class="hello">
            {% if user_logged %}
                Bonjour {{ user_logged }} !
                <a href="/logout">se déconnecter</a>
            {% endif %}
        </div>

    </div>
</div>

<div id="content">
    {% block content %}
        <div id="main_content">
            {% block main_content %}
            {% endblock main_content %}
        </div>
        <div id="v-splitter"></div>
        <div id="sidebar">
            {% block sidebar %}
            {% endblock sidebar %}
        </div>
    {% endblock content%}
    {% block footer %}
        <div id="w3c">
            <a href="http://validator.w3.org/check?uri=referer">
                xhtml1.0 strict
            </a>
        </div>
    {% endblock footer %}
</div>

</body>
</html>
